<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
			padding: 0;
			margin: 0 auto;
			box-sizing: border-box;
			}
			#container
			{
				width: 1200px;
				height: auto;
				font-family: "微软雅黑";
			}
			#context{
				width: 100%;
			}
			#con1{
				background: url(img/register_bg.gif);
				background-size: 100% 100%;
				width: 100%;
				height: 340px;
			}
			#back{
				width: 100%;
				color: #1B90DC;
				
				text-align: right;
				padding-right: 80px;
				margin-top: 60px;
			}#text1{
				width: 100%;
				float: left;
				text-align: center;
				margin-top: 40px;font-weight: bold;
			}
			.font1{
				color: #FB7D00;
			}
			.font2{
				color: #1D7CD4;
				
			}
			.font3{
				color: #FF3737;
			}
			#text2{
				width: 70%;
				float: left;
				border:1px solid #FFF2AC;
				background: #FFFCEA;
				margin-top: 14px;
				margin-left: 16%;
				margin-right: 16%;
				padding-top: 10px;
				padding-left: 5px;
				font-weight: bold;
			}
			#text2 div{
				padding-bottom: 10px;
			}
			#text3{
				width: 100%;
				float: left;
				color: #76AD64;
				margin-top: 10px;
				padding-left: 190px;
				
			}
			#con2{
				width: 100%;
				margin-top: 10px;
				padding-left: 320px;
			
			}
			#con2 div{
				padding-bottom: 20px;
			}
			#c1{
				margin-left: 120px;
				width: 400px;
				color: #CCCCCC;
			}
			#con3{
				width: 100%;
				text-align: center;
			}
			#c3{
				margin-top: 40px;
				width: 250px;
				background: url(img/submit_bg.gif);
				background-size: cover;
				height: 50px;
				font-size: 20px;font-weight: bold;
				color: #FFFFFF;
				padding-top: 10px;
			}
		</style>
	</head>
	<body>
		<div id="container">
			<div id="context">
				<div id="con1">
					<img src="img/logo.gif" style="padding-left: 50px;padding-top: 20px;">
					
					<div id="back"><a href="首页.html">返回首页</a></div>
					<div id="text1">现在注册不仅能获得<a class="font1">1000</a><img src="img/money.gif">
									,还能和<a class="font2">209106</a>位会员一起体验属于我们的下班生活！
					</div>
					<div id="text2">
						<div>1、会员注册完全免费，6人行网站不向注册用户收取任何短信费用。</div>
						<div>2、我们将严格保护您的手机号和电子邮箱在内的注册信息不必泄露。</div>
					</div>
					<div id="text3">
						带<a class="font3">*</a>为必填项
					</div>
				</div>
				<div id="con2">
					<div >　　<a class="font1">*</a>手机号：　<input type="text" size="30"></div>
					<div id="c1">不收取任何通信费用，严格保护您的手机号在内的注册信息不被泄露，请放心注册！</div>
					<div >　<a class="font1">*</a>电子邮箱：　<input type="text" size="30"></div>
					<div id="c1">邮箱是您取回密码的重要途径，请正确填写！</div>
					<div >　　　<a class="font1">*</a>昵称：　<input type="text" size="30"><a class="font1">是“昵称”哦,不得填写真实姓名</a></div>
					<div >　　　<a class="font1">*</a>性别：　<input type="radio" checked="checked"><img src="img/male.gif">男士<input type="radio"><img src="img/female.gif">女士</div>
					<div ><a class="font1">*</a>所在写字楼：　
							<select name="cars" style="border-radius: 5px;">
								<option value="volvo">请选择</option>
								<option value="volvo">请选择</option>
							</select>
							<button style="background:#25B3A3 ;color: #FFFFFF;text-align: center;width: 70px;">其他</button>
					</div>
					<div >&nbsp;邀请人手机：　<input type="text" size="30"><a class="font1">(请填写邀请您加入六人行的朋友的手机号)</a></div>
				</div>
				<div id="con3">
					<div ><input type="checkbox" />我已经看过并同意<a class="font2">《6人行注册许可协议》</a></div>
					<div id="c3">提交注册信息</div>
				</div>
			</div>
		</div>
	</body>
</html>
